@use 'sass:map';

// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use './mixin/mixins.scss' as *;
@use './mixin/function.scss' as *;
// // {set-component-css-var}
@use './mixin/_var.scss' as *;
// // {$badge}
@use './common/var.scss' as *;

@import 'common/index.scss';

@include bem_b(scroll-view) {
	position: relative;
	flex-direction: column;
	/* #ifndef APP-NVUE */
	overflow: hidden;
	/* #endif */
	@include when(full) {
		/* #ifndef APP-NVUE */
		display: flex;
		width: 100%;
		height: 100%;
		/* #endif */
	}
	@include when(fixed) {
		position: fixed;
		/* #ifndef APP-NVUE */
		height: auto;
		width: auto;
		/* #endif */
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	@include bem_e(safe-area-inset-bottom) {
		position: absolute;
		/* #ifndef APP-PLUS */
		height: env(safe-area-inset-bottom);
		/* #endif */
	}
	@include bem_e(f2) {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: white;
	}
	@include bem_e(super) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		@include when(scroll) {
			flex: 1;
			overflow: hidden;
			position: relative;
		}
		&-container {
			position: relative;
			/* #ifndef APP-NVUE */
			height: 100%;
			width: 100%;
			/* #endif */
			@include when(absoulte) {
				/* #ifndef APP-NVUE */
				position: absolute;
				top: 0;
				width: auto;
				/* #endif */
			}
			&__scroll-view {
				position: relative;
				/* #ifndef APP-NVUE */
				height: 100%;
				width: 100%;
				/* #endif */
				@include when(absoulte) {
					position: absolute;
					top: 0;
					left: 0;
				}
				/* #ifndef APP-NVUE */
				@include when(hide-scrollbar) {
					&::-webkit-scrollbar {
						display: none;
						-webkit-appearance: none;
						width: 0 !important;
						height: 0 !important;
						background: transparent;
					}
				}
				/* #endif */
			}
		}
	}
	@include bem_e(touch-view) {
		width: 100%;
		height: 100%;
		position: relative;
		@include bem_m(fixed-bac-view) {
			position: absolute;
			width: 100%;
			top: 0;
			left: 0;
			height: 200px;
		}
	}
	@include bem_e(main) {
		height: 100%;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
	}
	@include bem_e(refresher-view) {
	}
	@include bem_e(custom-refresher-container) {
		overflow: hidden;
	}
	@include bem_e(nvue-refresher-container) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		justify-content: center;
		width: 750rpx;
	}
	@include bem_e(custom-refresher-status-bar-placeholder) {
	}
	@include bem_e(custom-refresher-refresh) {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
	}
	@include bem_e(container) {
		flex: 1;
		position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
	}
	@include bem_e(nvue-list-top-tag){
		
	}
	@include bem_e(nvue-refresher-reveal){
		
	}
	@include bem_e(nvue-bottom-tag){
		
	}
}

@include bem_b(scroll-view-n) {
	@include when(fixed) {
		position: fixed;
		/* #ifndef APP-NVUE */
		height: auto;
		width: auto;
		/* #endif */
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	@include bem_e(list-container) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		flex: 1;
	}
}

.zp-chat-record-loading-custom-image {
	width: 35rpx;
	height: 35rpx;
	/* #ifndef APP-NVUE */
	animation: loading-flower 1s linear infinite;
	/* #endif */
}

.zp-page-bottom-keyboard-placeholder-animate {
	transition-property: height;
	transition-duration: 0.15s;
	/* #ifndef APP-NVUE */
	will-change: height;
	/* #endif */
}

.zp-back-to-top {
	z-index: 999;
	position: absolute;
	bottom: 0rpx;
	transition-duration: 0.3s;
	transition-property: opacity;
}
.zp-back-to-top-rpx {
	width: 76rpx;
	height: 76rpx;
	bottom: 0rpx;
	right: 25rpx;
}
.zp-back-to-top-px {
	width: 38px;
	height: 38px;
	bottom: 0px;
	right: 13px;
}

.zp-back-to-top-show {
	opacity: 1;
}

.zp-back-to-top-hide {
	opacity: 0;
}

.zp-back-to-top-img {
	/* #ifndef APP-NVUE */
	width: 100%;
	height: 100%;
	/* #endif */
	/* #ifdef APP-NVUE */
	flex: 1;
	/* #endif */
	z-index: 999;
}

.zp-empty-view {
	/* #ifdef APP-NVUE */
	height: 100%;
	/* #endif */
	flex: 1;
}

.zp-empty-view-center {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.zp-loading-fixed {
	z-index: 9999;
}

/* [z-paging]公用的静态css资源 */

.zp-line-loading-image {
	/* #ifndef APP-NVUE */
	animation: loading-flower 1s steps(12) infinite;
	/* #endif */
	color: #666666;
}
.zp-line-loading-image-rpx {
	margin-right: 8rpx;
	width: 34rpx;
	height: 34rpx;
}
.zp-line-loading-image-px {
	margin-right: 4px;
	width: 17px;
	height: 17px;
}

.zp-loading-image-ios-rpx {
	width: 40rpx;
	height: 40rpx;
}
.zp-loading-image-ios-px {
	width: 20px;
	height: 20px;
}

.zp-loading-image-android-rpx {
	width: 34rpx;
	height: 34rpx;
}
.zp-loading-image-android-px {
	width: 17px;
	height: 17px;
}

/* #ifndef APP-NVUE */
@keyframes loading-flower {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}
/* #endif */
